<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<!--[if lt IE 9]>
	<script type="text/javascript" src="lib/html5.js"></script>
	<script type="text/javascript" src="lib/respond.min.js"></script>
	<script type="text/javascript" src="lib/PIE_IE678.js"></script>
	<![endif]-->
	<link href="__PUBLIC__/css/H-ui.min.css" rel="stylesheet" type="text/css" />
	<link href="__PUBLIC__/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
	<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" />
	<link href="__PUBLIC__/lib/Hui-iconfont/1.0.6/iconfont.css" rel="stylesheet" type="text/css" />
	<link href="/Tpl/Service/common/center/index.css" rel="stylesheet" type="text/css" />
	<!--[if IE 6]>
	<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
	<script>DD_belatedPNG.fix('*');</script>
	<![endif]-->
	<title>客服中心</title>
</head>
<body>
	<nav class="head">
		<div class="head-content">
			<div class="row">
				<div class="col-2"><p>客户信息</p></div>
				<div class="col-10 text-r">
					<div class="head-sub1 head-sub borderR"><i class="Hui-iconfont Hui-iconfont-order"></i>工单统计</div>
					<div class="head-sub2 head-sub borderR"><i class="Hui-iconfont Hui-iconfont-dangan"></i>知识库</div>
					<div class="head-sub3 head-sub borderR"><i class="Hui-iconfont Hui-iconfont-comment"></i>待处理 0</div>
					<div class="head-sub4 head-sub borderR"><i class="Hui-iconfont Hui-iconfont-yiguanzhu1"></i>已处理 0</div>
					<div class="head-sub4 head-sub">MJ</div>
					<div class="head-sub4 head-sub"><i class="Hui-iconfont Hui-iconfont-daochu"></i>退出</div>
				</div>
			</div>
		</div>
	</nav>
	<div class="nav">
		<div class="nav-content">
			<div class="nav-tel">
				<i class="Hui-iconfont Hui-iconfont-tel2"></i>&nbsp;18767225036正在呼入...
			</div>
			<div class="nav-search">
				<form action="" method="post">
					电话：<input type="text" class="input-text">
					姓名：<input class="input-text">
					<span class="btn btn-primary radius" id="search">搜索</span>
				</form>
			</div>
			
		</div>
	</div>

	<div class="content">
		<div class="row content-line1">
			<div class="left customerLogo">
				<i class="Hui-iconfont Hui-iconfont-user"></i>&nbsp;客户信息
			</div>
			<div class="right">
				<a href="#" class="blue">创建用户</a>
				<a href="javascript:;" id="changeUser">切换用户({$data|count})</a>
				<i class="Hui-iconfont Hui-iconfont-arrow3-bottom"></i>
			</div>
		</div>
		<div class="row">
			<div class="col-6 verBtn"><button class="btn radius f-r">待验证</button></div>
			<div class="col-6"><button class="btn radius f-r ml-20">编辑</button><button class="btn radius f-r">更多信息</button></div>
		</div>
		<div class="row customerInfo">
			<div class="col-6 text-c">
				<div class="row">
					<div class="col-3 touPadd">
						<img class="img-responsive f-r" src="/Tpl/Service/common/center/logo.png">
					</div>
					<div class="col-9 text-l">
						<span class="customerNmae">{$data[0].name}</span>
						<if condition="$data[0].name eq F">
							<img src="/Tpl/Service/common/sms/man.jpg">
						<else/>
							<img src="/Tpl/Service/common/sms/woman.jpg">
						</if>
						
						<span class="customerType">{$data[0].ugroup}</span>
						<span class="customerTel">{$data[0].tel}</span>
					</div>
				</div>
					
			</div>
			<div class="col-6 text-l">
				<div class="row">
					<div class="col-2 homeImg">
						<img class="img-responsive f-r" src="/Tpl/Service/common/sms/home.jpg">
					</div>
					<div class="col-10">
						<div class="customerAddres">
							<span>家庭信息({$data[0].families|count})</span>
							<volist name="data[0].families" id="vo">
								<span class="cusAddress"><i class="Hui-iconfont Hui-iconfont-home"></i>{$vo.address}</span>
							</volist>
						</div>
					</div>
				</div>		
			</div>
		</div>
	</div>

	<div class="order">
		<div class="row">
			<div class="left customerLogo"><i class="Hui-iconfont Hui-iconfont-xiaoxi1"></i>&nbsp;进行中的工单信息</div>
			<div class="right">
				<a href="#" class="blue">查看所有工单</a>
				<a href="javascript:;" id="createOrder" uid="{$data[0].id}">创建工单</a>
			</div>
		</div>
		<div class="order-content">
			<div class="row orderNameDiv">
				<span class="orderName">{$data[0].name}创建的工单</span>
			</div>
			<div class="row">
			<!-- 循环DIV -->
				<div class="col-6 order-padding">
					<div class="order-sub orderBorder">
						<div class="order-padd">
							<div class="row"><span class="orderTitle">家庭报修</span><span>(照明维修)</span></div>
							<div class="row"><span class="orderContent">我家里浴室的灯泡坏了。受理是是是时间里厉害会离开基金</span></div>
							<div class="row"><span>地址:浙江绍兴阳明华都A去1幢111</span></div>
							<div class="order-line"></div>
							<div class="row orderCreat"><span>创建人：孔先水&nbsp;通过电话来电</span></div>
							<div class="row orderCreat"><span>时间：2016年03月19日16:09:09</span></div>
							<div class="row">
								<span class="orderJinji"><i class="Hui-iconfont Hui-iconfont-shenhe-weitongguo"></i>紧急工单</span>
								<span class="orderAssing"><img class="img-responsive" src="/Tpl/Service/common/center/noassign.png">待指派</span>
							</div>
						</div>
						<div class="row orderBlue">
							<div class="col-4 blueBorder"><img src="/Tpl/Service/common/center/assign.png"></div>
							<div class="col-4 blueBorder"><img src="/Tpl/Service/common/center/del.png"></div>
							<div class="col-4"><img src="/Tpl/Service/common/center/see.png"></div>
						</div>	
					</div>
				</div>
				<!-- 循环结束 -->
				<!-- 循环DIV -->
				<div class="col-6 order-padding">
					<div class="order-sub orderBorder">
						<div class="order-padd">
							<div class="row"><span class="orderTitle">家庭报修</span><span>(照明维修)</span></div>
							<div class="row"><span class="orderContent">我家里浴室的灯泡坏了。受理是是是时间里厉害会离开基金</span></div>
							<div class="row"><span>地址:浙江绍兴阳明华都A去1幢111</span></div>
							<div class="order-line"></div>
							<div class="row orderCreat"><span>创建人：孔先水&nbsp;通过电话来电</span></div>
							<div class="row orderCreat"><span>时间：2016年03月19日16:09:09</span></div>
							<div class="row">
								<span class="orderJinji"><i class="Hui-iconfont Hui-iconfont-shenhe-weitongguo"></i>紧急工单</span>
								<span class="orderAssing"><img class="img-responsive" src="/Tpl/Service/common/center/noassign.png">待指派</span>
							</div>
						</div>
						<div class="row orderBlue">
							<div class="col-4 blueBorder"><img src="/Tpl/Service/common/center/assign.png"></div>
							<div class="col-4 blueBorder"><img src="/Tpl/Service/common/center/del.png"></div>
							<div class="col-4"><img src="/Tpl/Service/common/center/see.png"></div>
						</div>	
					</div>
				</div>
				<!-- 循环结束 -->
				<!-- 循环DIV -->
				<div class="col-6 order-padding">
					<div class="order-sub orderBorder">
						<div class="order-padd">
							<div class="row"><span class="orderTitle">家庭报修</span><span>(照明维修)</span></div>
							<div class="row"><span class="orderContent">我家里浴室的灯泡坏了。受理是是是时间里厉害会离开基金</span></div>
							<div class="row"><span>地址:浙江绍兴阳明华都A去1幢111</span></div>
							<div class="order-line"></div>
							<div class="row orderCreat"><span>创建人：孔先水&nbsp;通过电话来电</span></div>
							<div class="row orderCreat"><span>时间：2016年03月19日16:09:09</span></div>
							<div class="row">
								<span class="orderJinji"><i class="Hui-iconfont Hui-iconfont-shenhe-weitongguo"></i>紧急工单</span>
								<span class="orderAssing"><img class="img-responsive" src="/Tpl/Service/common/center/noassign.png">待指派</span>
							</div>
						</div>
						<div class="row orderBlue">
							<div class="col-4 blueBorder"><img src="/Tpl/Service/common/center/assign.png"></div>
							<div class="col-4 blueBorder"><img src="/Tpl/Service/common/center/del.png"></div>
							<div class="col-4"><img src="/Tpl/Service/common/center/see.png"></div>
						</div>	
					</div>
				</div>
				<!-- 循环结束 -->

			</div>
		</div>
		
	</div>
	<script type="text/javascript" src="__PUBLIC__/lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/lib/layer/2.1/layer.js"></script>
	<script type="text/javascript" src="__PUBLIC__/lib/laypage/1.2/laypage.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/H-ui.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/H-ui.admin.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/getUrl.js"></script>
	<script type="text/javascript" src="__PUBLIC__/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="/Tpl/Service/common/center/index.js"></script>
	<script type="text/javascript">
	// 全局
		var info={
			id:0,//业主id
			tel:'18767225036',
		};
	$(function(){
		info.id=$("#createOrder").attr("uid");
		info.tel=$.getUrlVar('tel');
		work.init();
	})
	</script>
	</body>
	</html>